// Slide left from the right, used for custom modals
// -------------------------------

.slide-in-left {
  @include translate3d(100%, 0, 0);
}
.slide-in-left.ng-enter,
.slide-in-left > .ng-enter {
  @include transition(all cubic-bezier(.1, .7, .1, 1) 400ms);
}
.slide-in-left.ng-enter-active,
.slide-in-left > .ng-enter-active {
  @include translate3d(0, 0, 0);
}

.slide-in-left.ng-leave,
.slide-in-left > .ng-leave {
  @include transition(all ease-in-out 250ms);
}


.fade{
 @include transition(all linear 500ms);
 &.ng-enter,& > .ng-enter {
   opacity:0;
  }
  &.ng-enter-active,& > .ng-enter-active {
    opacity:1;
  }

  &.ng-leave,& > .ng-leave {
    opacity:1;
  }
  &.ng-leave.ng-leave-active {
    opacity:0;
  }
}

.fade_height {
 @include transition(all ease-in-out 300ms);

}
.fade_height.ng-enter,
.fade_height > .ng-enter {
   opacity:0;
}
.fade_height.ng-enter-active,
.fade_height > .ng-enter-active {
  opacity:1;
  height:150px;
}

.fade_height.ng-leave,
.fade_height > .ng-leave {
  opacity:1;
  height:150px;
}
.fade_height.ng-leave.ng-leave-active {
  opacity:0;
  height:0;
}

// Super Scale In
// Scale from super (1.x) to duper (1 in this case)
// -------------------------------

@-webkit-keyframes superScaleIn {
  from { -webkit-transform: scale(1.2); opacity: 0; }
  to { -webkit-transform: scale(1); opacity: 1 }
}
@keyframes superScaleIn {
  from { transform: scale(1.2); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}



.animate-opacity-right{
  -webkit-transition: 200ms linear opacity;
  transition: 200ms linear opacity;
  .right-in{
    -webkit-transition: 200ms ease -webkit-transform;
    transition: 200ms ease transform;
  }
  /* 初始状态 */
  &.ng-enter {
    opacity: 0;
    .right-in{
      -webkit-transform: translate3d(100%, 0px, 0px);
      transform: translate3d(100%, 0px, 0px);
    }
  }
  /* 完全显示状态 */
  &.ng-enter-active {
    opacity: 1;
    .right-in{
      -webkit-transform: translate3d(0, 0px, 0px);
      transform: translate3d(0, 0px, 0px);
    }
  }

  // 离开时状态
  &.ng-leave {
    opacity: 1;
    .right-in{
      -webkit-transform: translate3d(0, 0px, 0px);
      transform: translate3d(0, 0px, 0px);
    }
  }
  /* 完全离开状态 */
  &.ng-leave-active {
    opacity: 0;
    .right-in{
      -webkit-transform: translate3d(100%, 0px, 0px);
      transform: translate3d(100%, 0px, 0px);
    }
  }
}
